/* blink */
@keyframes blink {
  0%, 100% { opacity: 1; } /* Fully visible */
  50% { opacity: 0; }     /* Hidden */
}


/* beating */
@keyframes beat {
  0%, 100% {
    transform: scale(1); /* Normal size */
  }
  50% {
    transform: scale(1.1); /* Slightly larger */
  }
}


/* Inverse beat effect */
@keyframes inverse-beat {
  0%, 100% {
    transform: scale(1); /* Normal size */
  }
  50% {
    transform: scale(0.9); /* Slightly smaller */
  }
}


.beating-image {
  animation: beat 1.5s infinite; /* Beating effect with a 1.5-second cycle */
  /* transition: transform 0.5s ease;  */
  /* Smooth scaling */
}

.blinking-image {
  animation: blink 1.5s infinite; /* 1-second cycle, infinite loop */
}

.inverse-beating-image {
  animation: inverse-beat 1.5s infinite; /* Inverse beating effect */
}